<script setup>
import { ref } from 'vue'
import HmSon from './components/HmSon.vue'
// 设计如此
// ref访问组件实例
/*
  1：导入
  2:定义一个ref数据  const sonCom=ref(null/undefined/不写)
  3：<HmSon ref='sonCom'></HmSon>
  4:访问子组件内部的属性或者方法
     子组件内：defineExpose({属性或者方法})
     sonCom.value.属性或者方法
     如果是响应式数据访问量不需要value
*/
const sonCom = ref()
const btnClick = () => {
  sonCom.value.fn()
  console.log(sonCom.value.xxx)
}
</script>

<template>
  <div class="page">
    <HmSon ref="sonCom"></HmSon>
    <button @click="btnClick">点击获取实例</button>
  </div>
</template>

<style scoped></style>
